import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {fileURLToPath, URL} from 'node:url'

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

import ElementPlus from 'unplugin-element-plus/vite'
// https://vitejs.dev/config/ 项目配置文件
export default defineConfig({
    resolve: {
        //  路径别名配置
        alias: {
            '@': fileURLToPath(new URL('./src', import.meta.url))
        }
    },
    server: {
        port: 8003,
    },
    plugins: [
        vue(),
        AutoImport({
            resolvers: [ElementPlusResolver()],
        }),
        Components({
            resolvers: [ElementPlusResolver({importStyle: "sass"})],
        }),
        // 按需定制主题配置
        // ElementPlus({
        //     useSource: true,
        // }),
    ],
    // css: {
    //     preprocessorOptions: {
    //         scss: {
    //             // 自动导入定制化样式文件进行样式覆盖
    //             additionalData: `
    //                 @use "src/styles/element/index.scss" as *;
    //             `,
    //         }
    //     }
    // }
})
